body { margin:0; background-color:#eee; font-family:Arial,Tahoma,Serif; font-size:12pt; }

h1 { color:#000; margin:0; padding:2px 1px; font-size:20pt; }
h2 { color:#000; margin:0; padding:2px 1px; font-size:16pt; }
h3 { color:#000; margin:0; padding:2px 1px; font-size:13pt; }

a { color:#35a; text-decoration:none; }
a:hover { color:#249; }

form { margin:0; padding:0; }

.topbar { min-height:50px; padding:0 10px; background-color:#3a5; color:#bbb; }
.topbar .xlogo { padding:10px; text-align:center; font-size:28pt; color:#eee; }
.topbar .xlogo a { color:#fff; }

.toptool { float:right; margin:10px 0 0 0; }
.toptool .xbt { display:inline-block; min-width:100px; padding:10px 10px 8px 10px; text-align:center; white-space:nowrap; font-size:14pt; color:#b3e4c1; }
.toptool .xbt:hover { color:#fff; }

.btbar { padding:10px; background-color:#3a5; color:#ddd; }
.btbar .xcr { text-align:center; font-size:10pt; }

.mainbox { box-sizing:border-box; width:98%; max-width:1100px; margin:0 auto; padding:10px; }

.pagebar { font-weight:normal; font-size:14pt; line-height:22px; }
.pagebar a , .pagebar span  { display:inline-block; min-width:32px; margin:0 5px; padding:7px 2px; border-style:none; border-radius:6px; text-align:center; white-space:nowrap; }
.pagebar .xnav { padding:3px 7px; }
.pagebar .xcur { margin:0 10px; background-color:#3a5; color:#fff; }
.pagebar a { color:#000; }
.pagebar span { color:#bbb; }
.pagebar a:hover { color:#3a5; }